<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset='utf-8' />
	<meta name='renderer' content='webkit' />
	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,shrink-to-fit=no,minimum-scale=1.0,maximum-scale=1.0,minimal-ui,viewport-fit=cover'/>
	<title>易推网-首页</title>
	<link rel='stylesheet' href='./assets/css/public.css'>
	<link rel='stylesheet' href='./assets/css/swiper.css'>
	<!--[if lt IE 10]>
		<script src='./assets/js/isIe.js'></script>
	<![endif]-->
	<style>
		.swiper-container{
			--swiper-theme-color: #00897B;
			--swiper-pagination-color: #00897B;
		}
	</style>
</head>
<body>
	<header class='header bcm cf'>
		<div class='wrap fxmj h50'>
			<h1 class='logo' style='width:80px'><img class='w' src='assets/images/logo.png'/></h1>
			<nav class='ex fxmr tc h'>
				<a href='./index.html' class='active'>主页</a>
				<a>工具中心</a>
				<a href='./cooperation.html'>找合作</a>
				<a href='./about.html'>关于我们</a>
				<a href='./vip.html'>价格</a>
				<a href='./help.html'>帮助中心</a>
				<a href='./control.html'>控制台</a>
				<a href='/login' class='hover-tu login-btn'>登录/注册</a>
			</nav>
		</div>
	</header>
	
	<!-- <section class='rel' style='height:400px;'>
		<div class='abs_lt wh'><img class='wh' src='./assets/images/index/bg1.png'/></div>
		<div class='abs_rb' style='width: 500px;'><img class='w' src='./assets/images/index/bg1_img.png'/></div>
		<div class='abs_full cf fxm'>
			<div class='pl20'>
				<h3 class='f30 lh50'>专门为运营人服务的<br/>工具平台</h3>
				<h6 class='f16 mt20'>承载大流量、不封链接、访问快操作简单、更加智能</h3>
				<a class='btn-1 mt20 dk'>开始使用</a>
			</div>
		</div>
	</section> -->
	<div class='swiper-container rel' id='swiper-container' style='height:400px;'>
	    <div class='swiper-wrapper'>
	        <div class='swiper-slide'><img class='w' src='./assets/images/banner/1.png'></div>
			<div class='swiper-slide'><img class='w' src='./assets/images/banner/2.png'></div>
			<div class='swiper-slide'><img class='w' src='./assets/images/banner/3.png'></div>
			<div class='swiper-slide'><img class='w' src='./assets/images/banner/4.png'></div>
	    </div>
	    <!-- 如果需要分页器 -->
	    <div class='swiper-pagination'></div>
	    
	    <!-- 如果需要导航按钮 -->
	    <div class='swiper-button-prev'></div>
	    <div class='swiper-button-next'></div>
	</div>
	
	<div class='wrap ptb30' style='width:950px'>
		<hgroup class='group-title'>
			<h2>智能工具</h2>
			<h3>操作简单、助力推广</h3>
		</hgroup>
		<div class='bcm p10'>
			<div class='swiper-container rel' id='swiper-container2'>
			    <div class='swiper-wrapper'>
			        <div class='swiper-slide'><img class='w' src='./assets/images/banner/1.png'></div>
					<div class='swiper-slide'><img class='w' src='./assets/images/banner/2.png'></div>
					<div class='swiper-slide'><img class='w' src='./assets/images/banner/3.png'></div>
					<div class='swiper-slide'><img class='w' src='./assets/images/banner/4.png'></div>
					<div class='swiper-slide'><img class='w' src='./assets/images/banner/4.png'></div>
			    </div>
			</div>
			<nav class='fxmj mt10 index-swiper-nav' id='index-swiper-nav'>
				<a class='active'>链接融合工具</a>
				<a>二维码融合工具</a>
				<a>口令融合工具</a>
				<a>表单工具</a>
				<a>二维码生成</a>
			</nav>
		</div>
	</div>
	
	<section class='bcf' style='padding:50px 0'>
		<div class='wrap' style='width:800px'>
			<hgroup class='group-title'>
				<h2>应用场景</h2>
				<h3>助力产品推广、短信推广、表单信息收集，提升推广效果</h3>
			</hgroup>
			<div class='index-group'>
				<div>
					<i></i>
					<h3>产品推广</h3>
					<h6>有效控制产品推广  可融合链接、二维码、口令等，智能跳转展示，链接状态可控制，数据实时统计。</h6>
				</div>
				<figure class='ml50'><img class='w' src='./assets/images/index/group_1.png'/></figure>
			</div>
			<div class='index-group'>
				<div class='mr50'><img class='w' src='./assets/images/index/group_2.png'/></div>
				<div>
					<i></i>
					<h3>短信推广</h3>
					<h6>有效提升短信推广打开率专属备案.cn域名生成的短链接，保障短链接在短信中可被识，同时保障短链接在全国各个城市均可正常访问，且访问速度稳定。</h6>
				</div>
			</div>
			<div class='index-group'>
				<div>
					<i></i>
					<h3>表单信息收集</h3>
					<h6>按需在线收集信息自定义填写字段，生成链接地址，在线填写信息，可用于任务信息收集等，数据可导出到表格。</h6>
				</div>
				<div class='ml50'><img class='w' src='./assets/images/index/group_3.png'/></div>
			</div>
		</div>
	</section>
	
	<section style='padding:50px 0'>
		<hgroup class='group-title'>
			<h2>特色优势</h2>
			<h3'>六大特色功能，赋予短链接极致推广效能</h3>
		</hgroup>
		<ul class='index-group-list cf wrap fxw'>
			<li><h5>永久有效</h5><p>无需担心短链接过期失效，生成短链接永久有效。</p></li>
			<li><h5>随时修改</h5><p>短链接跳转的原始链接随时可修改，投放工作不再受到约束。</p></li>
			<li><h5>可定制化</h5><p>专业技术团队，提供可定制化开发，解决更多难题</p></li>
			
			<li><h5>永久有效</h5><p>无需担心短链接过期失效，生成短链接永久有效。</p></li>
			<li><h5>永久有效</h5><p>无需担心短链接过期失效，生成短链接永久有效。</p></li>
			<li><h5>永久有效</h5><p>无需担心短链接过期失效，生成短链接永久有效。</p></li>
		</ul>
	</section>
	
	<section class='fxmc bcm' style='height:150px'>
		<h3 class='f18 cf'>免费使用，立即体验，好工具自己说了算。</h3>
		<a class='btn-1 ml50'>开始使用</a>
	</section>
	<footer class='footer'>
		<div class='wrap fxm f13'>
			<div>
				<div class='fxc mb5'><figure style='height:30px'><img class='h' src='assets/images/logo2.png'/></figure></div>
				<figure><img style='height:130px' src='assets/images/qr.png'/></figure>
			</div>
			<nav class='fxj ex'>
				<dl>
					<dt>产品</dt>
					<dd><a>短链接工具</a></dd>
					<dd><a>二维码工具</a></dd>
					<dd><a>网页智能工具</a></dd>
					<dd><a>网页编辑器工具</a></dd>
					<dd><a>数据分析工具</a></dd>
				</dl>
				<dl>
					<dt>服务</dt>
					<dd><a>帮助中心</a></dd>
					<dd><a>意见反馈</a></dd>
					<dd><a>服务条款</a></dd>
				</dl>
				<dl>
					<dt>联系我们</dt>
					<dd>0288200820</dd>
					<dd>0288200820@163.com</dd>
				</dl>
			</nav>
		</div>
		<address class='f12 g9 tc h30'>2020 © 易推网 | 成都易推网科技股份有限公司版权所有 | 川ICP备000000000号</address>
	</footer>
	<script src='./assets/js/jquery.js'></script>
	<script src='./assets/js/swiper.js'></script>
	<script>
		new Swiper ('#swiper-container', {
			loop: true, // 循环模式选项
			autoplay: {
			    delay: 5000,
			},
			pagination: {
				el: '.swiper-pagination',
			},
			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
		})
		var swiper = new Swiper('#swiper-container2', {
			// loop: true, // 循环模式选项
			autoplay: {
			    delay: 5000,
			},
			on:{
				slideChangeTransitionStart:function(){
					$('#index-swiper-nav').children().eq(this.realIndex).addClass('active').siblings().removeClass('active')
				}
			}
		})
		$('#index-swiper-nav').children().click(function(){
			swiper.slideTo($(this).index())
		})
	</script>
</body>
</html>